/*移动端样式设置*/
/*html,body {height: 100%;}
body {width:7.5rem;margin:0px auto;overflow-x: hidden;}
.container {width: 100%;padding: 0rem 0.1rem;}*/

/*公共样式*/
html,body{overflow-x: hidden;/*height: 100%;*/}
body {background: url(../images/bg.jpg) center top;line-height: 2;color: #333;font-size: 14px;}
.font-yahei {font-family: "微软雅黑";}
.container {width:1020px;}
.layout,.container-layout {min-width: 1020px;}
canvas {margin: 0px;padding: 0px;display: block;}
a {color: #333;}
.text-white,.text-white a {color: #fff;}
.margin-top {margin-top: 10px;}
.margin-top15 {margin-top: 15px;}
.margin-top20 {margin-top: 20px;}
.margin-top30 {margin-top: 30px;}
.margin-top40 {margin-top: 40px}
.margin-bottom {margin-bottom: 10px;}
.margin-bottom15 {margin-bottom: 15px;}
.margin-bottom20 {margin-bottom: 20px;}
.margin-bottom30 {margin-bottom: 30px;}
.margin-bottom40 {margin-bottom: 40px;}
.relative {position: relative;}
.padding {padding: 10px;}

/*首页样式*/
#header {border-bottom: 1px solid #ddd;line-height: 26px;}
#header .layui-breadcrumb * {font-size: 12px!important;}
#logo-tel-box {padding-top: 28px;padding-bottom: 28px;}
#logo-tel-box .float-right {margin-top: 5px;}

#nav-box {background: url(../images/nav-bg0.jpg) left top repeat-x;}

.nav-box {width: 690px;}
.nav-box >li {float: left;width: 14.28571%;}
.nav-box >li >a {display: block;height: 50px;color: #fff;text-align: center;padding-top: 15px;}
.nav-box >li >a:hover {background: url(../images/nav-bg.png) center top no-repeat;}
.nav-box >li.active >a {background: url(../images/nav-bg.png) center top no-repeat;}

#search-box {background: url(../images/sou-bg.png);width: 294px; height: 50px;}
#form-search {padding: 15px 0px 0px 35px;}
#form-search #key {width: 188px;background: none;border:none;}
#form-search #btn-search {width: 50px; height: 25px;vertical-align: middle;background: none;border: none;}

#banner {height: 415px;}

.index-left-box {width: 700px;border: 1px solid #ddd;padding: 10px;}
.index-right-box {width: 285px;}
.index-title {height: 39px;border-bottom: 1px solid #ddd;}

#zizhi {width: 100%; height: 200px;}
#zizhi img {height: 200px;width: 100%;}

#slide-news,#slide-news img {width: 330px; height: 210px;}
#slide-news .swiper-slide {position: relative;}
#slide-news .swiper-slide p {position: absolute;z-index: 2;left: 0;bottom: 0px;width: 100%;background: rgba(0,0,0,.7);color: #fff;font-size: 12px;line-height: 36px;padding: 0px 10px;}
.news-list li {line-height: 26px;}
.news-list li span {float: right;color: #888;}

#lianxi {border: 1px solid #ddd;padding: 10px;padding-top: 0px; height: 250px;}
#lianxi h1 {line-height: 50px;}

#index-pro {background: #EEEEEE;padding: 10px;}
.index-pro-title {border-bottom: 1px solid #ddd;}
.index-pro-title h1 {font-size: 16px;font-weight: bold;color: #c00;line-height: normal;}
.index-pro-title h1 span {font-size: 10px;color: #888;font-weight: normal;}

.scroll-pro .bd li {float: left;width: 25%;}
.scroll-pro .bd li div {padding: 0px 5px;}
.scroll-pro .bd li div a {display: block;background: #fff;}
.scroll-pro .bd li div img {width: 100%;height: 170px;}

#link-box {background: #ECECEC;border: 1px solid #fff;border-radius: 2px;padding: 3px 10px;}
.link-list li {float: left;margin-right: 15px;font-size: 12px;}
#link-box h1 {font-weight: bold;color: #c00;font-size: 15px;}
#link-box .link-list {padding-top: 3px;}

#copy-box {background: url(../images/m_26.jpg) left top repeat-x;padding-top: 10px; padding-bottom: 10px;font-size: 12px;}
#slide-news .swiper-pagination {text-align: right;bottom: 5px;}
#slide-news .swiper-pagination span {background: #fff;}
/*内页样式*/
#nav-position {margin-top: 30px;}
.nav-position {border: 1px solid #ddd;padding: 5px 10px;}
#main-box {margin-top: 30px;margin-bottom: 30px;}
#left-box {width: 220px;}
#right-box {width: 760px;}

.submenu-box {border: 1px solid #ddd;}
.submenu-box h1 {font-size: 16px;background: #F3F1F3;padding: 8px 12px;}
.submenu-box ul {padding: 5px 12px 20px;}
.submenu-box li {border-bottom: 1px dashed #ddd;}
.submenu-box li a {display: block;background: url(../images/submenu-li-bg.jpg) left center no-repeat;padding-left: 12px;line-height: 45px;transition: all 0.5s;}
.submenu-box li a:hover {background: url(../images/submenu-li-bg.jpg) 10px center no-repeat #f7f7f7;padding-left: 22px;}

.lianxi-box {border: 1px solid #ddd;margin-top: 15px;}
.lianxi-box h1 {font-size: 16px;background: #F3F1F3;padding: 8px 12px;}
.lianxi-box ul {padding: 5px 8px 20px;font-size: 13px;}
.lianxi-box li span {display: inline-block;width: 20px;text-align: center;color: #888;}

#qrcode {margin: 0px auto 15px;width: 180px;}

#main-con {min-height: 500px;padding: 0px 0px;}
#main-con img {max-width: 100%;}


/*响应式特殊样式定义*/
@media only screen and (max-width: 760px) {
	html,body {height: 100%;}
	body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{font-size: 12px;}
	

}